"use client"
import styles from "./index.module.scss"
import React , { useState } from "react" ;

interface ModalProps{
  className?: string
  title: string
}

const Modal: React.FC<ModalProps> = ( { className = "", title = "" }) => {
  return(<div className={`${styles["modalComponent"]} ${className}`}>
    <div className={`${styles["modal-header"]}`}> 
      <div className={`${styles["header-title"]}`}>{title}</div>
      <div className={`${styles["header-icon"]}`}><span className="fa fa-solid fa-close "></span></div>
    </div>
    <div className={`${styles["modal-body"]}`}>

    </div>
    <div className={`${styles["modal-foolter"]}`}>
      <div className={`${styles["foolter-cancel"]}`}>取消</div>
      <div className={`${styles["foolter-ok"]}`}>确定</div>
    </div>
  </div>)
}


export default Modal;